<template>
  <div>
    <belong style="width: 100%;height: 500px" :user-id="userId" :user-name="userName" />
  </div>
</template>

<script>
import Belong from './Belong'
export default {
  name: 'UserInfo',
  components: {
    Belong
  },
  data() {
    return {
      userId: null,
      userName: null
    }
  },
  created() {
    const param = this.$route.query
    this.userId = param.userId
    this.userName = param.userName
    this.setTagsViewTitle()
  },
  methods: {
    setTagsViewTitle() {
      this.tempRoute = Object.assign({}, this.$route)
      const route = Object.assign({}, this.tempRoute, {
        title: `${this.userName}`
      })
      this.$store.dispatch('tagsView/updateVisitedView', route)
    }
  }
}
</script>


